html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, input, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0;
	color:#797a81; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 12px; 
    font-family: "微软雅黑"; 
    vertical-align: baseline;
} 
:focus { 
    outline: 0; 
}

body{ position: relative; margin: 0 auto; padding-top: 82px; max-width: 1680px; min-width: 1200px;}
 
table { 
    border-collapse: separate; 
    border-spacing: 0; 
} 
caption, th, td { 
    text-align: left; 
    font-weight: normal; 
}
a{ text-decoration:none; color:#797a81;} 
a img, iframe { 
    border: none; 
}
img{ vertical-align:top;} 
ol, ul { 
    list-style: none; 
} 
input, textarea, select, button { 
    font-size: 100%; 
    font-family: inherit; 
} 
select { 
    margin: inherit; 
} 
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */ 
ol { *margin-left:2em; } 
/* == clearfix == */ 
.clearfix:after { 
    content:"\200B"; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clearfix {*zoom:1;}/*IE/7/6*/ 
/* == 以上 reset Css == */ 

/* ==全站左右浮动== */
.fl{ float:left;}
.fr{ float:right;}
/* ==全站左右浮动== */

/* ==全站共用宽度容器== */
.w1170{ margin: 0 auto; width: 1170px;}
.w1100{ margin: 0 auto; width: 1100px;}

.pos_r{ position: relative;}
.overf{ overflow: hidden;}

@font-face {
    font-family: 'dincond-regular';
    src: url('../font/dincond-regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinpro';
    src: url('../font/DINPro-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'novecento_widenormal';
    src: url('../font/novecentowide-normal.eot');
    src: url('../font/novecentowide-normal.eot?#iefix') format('embedded-opentype'),
         url('../font/novecentowide-normal.woff2') format('woff2'),
         url('../font/novecentowide-normal.woff') format('woff'),
         url('../font/novecentowide-normal.ttf') format('truetype'),
         url('../font/novecentowide-normal.svg#novecento_widenormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==导航== */
.head{ position: fixed; left: 0; top: 0; width: 100%; z-index: 4; background-color: #ffffff;}
.head_h{ height: 82px;}
.oa_a{ position: absolute; top: 0px; right: 0; width: 116px; height: 32px; line-height: 32px; text-indent: 40px; color: #544542; font-weight: bold; display: inline-block; z-index: 2; display: block; background: url(../img/public/oa_btn.png) center no-repeat; display: none;}
.ser_box{ margin-top: -60px; width: 100%; height: 60px;}
.ser_text{ position: absolute; right: 0; top: -35px; padding-left: 15px; width: 300px; height: 30px; line-height: 30px; border: 2px solid #eeeeee;}
.head .logo_area{ position: absolute; left: 0; bottom: 17px;}
.right_area{ position: absolute; right: 0; bottom: 16px; width: 79px; background: url(../img/public/right_area_line.jpg) center no-repeat;}
.right_area .ser_btn{ width: 19px; height: 19px; border: none; background: url(../img/public/ser_icon.png) center no-repeat; cursor: pointer;}
.right_area .menu_btn{ width: 19px; height: 18px; display: block; background: url(../img/public/menu_icon.png) center no-repeat; cursor: pointer;}

/* ==导航选项== */
.nav{ position: absolute; right: 80px; bottom: 0; height: 34px;}
.nav li{ margin-right: 16px; padding-right: 16px; background: url(../img/public/nav_libg.png) right 7px no-repeat;}
.nav li a{ padding-bottom: 15px; color: #544542; font-size: 13px; font-weight: bold;}
.nav li a.on{ border-bottom: 2px solid #ff6000;}

/* ==右侧栏== */
.right_side{ position: fixed; right: -280px; top: 0; width: 280px; height: 700px; background-color: #3e3933; z-index: 4;}
.mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; display: none;}
.right_inner{ margin-left: 40px; margin-top: 90px;}
.subordinate_h1{ margin-bottom: 27px; color: #fdf9f1; font-size: 13px; font-weight: bold; opacity: 0.5; filter: alpha(opacity=50);}
.subordinate_list{ margin-bottom: 80px;}
.subordinate_list li{ margin-bottom: 10px;}
.subordinate_list li a{ color: #fdf9f1; font-size: 12px; font-weight: bold; opacity: 0.5; filter: alpha(opacity=50);}
.follow_h1{ margin-bottom: 20px; color: #fdf9f1; font-size: 13px; font-weight: bold; opacity: 0.5; filter: alpha(opacity=50);}
.right_inner dl{ margin-bottom: 40px;}
.right_inner dl dt, .right_inner dl dd a{ color: #fdf9f1; font-size: 12px;}
.right_inner dl dt{ margin-top: 20px; margin-bottom: 10px; padding-left: 12px; opacity: 0.8; filter: alpha(opacity=80); background: url(../img/public/subordinate_arrow.png) left center no-repeat}
.right_inner dl dd{ margin-bottom: 10px; padding-left: 14px;}
.right_inner dl dd a{ opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: color 300ms;}
.right_inner dl dd a:hover{ color: #ff6000;}
.right_inner p{ margin-top: 10px; color: #78736c; font-weight: bold;}
/* ==内页容器== */
.container{ padding-top: 78px; background-color: #fdf9f1;}
.container_h1{ margin-bottom: 10px; color: #808080; font-size: 18px; font-weight: bold;}
.container_h2{ margin-bottom: 30px; color: #ff6000; font-size: 40px; font-family: 'dincond-regular',sans-serif; text-transform: uppercase;}
.container_h2_blue{ margin-bottom: 30px; color: #3d47d9; font-size: 40px; font-family: 'dincond-regular',sans-serif; text-transform: uppercase;}

/* ==内页顶部图== */
.top_bg{ width: 100%; height: 102px;}
.about_topbg{ background: url(../img/about/about_topbg.jpg) center no-repeat; background-size: cover;}
.news_topbg{ background: url(../img/news/news_topbg.jpg) center no-repeat; background-size: cover;}
.business_topbg{ background: url(../img/business/business_topbg.jpg) center no-repeat; background-size: cover;}
.social_topbg{ background: url(../img/social/social_topbg.jpg) center no-repeat; background-size: cover;}
.career_topbg{ background: url(../img/career/career_topbg.jpg) center no-repeat; background-size: cover;}
.contact_topbg{ background: url(../img/contact/contact_topbg.jpg) center no-repeat; background-size: cover;}
.top_font{ position: relative; height: 102px;}
.top_font > img{ position: absolute; right: 0; bottom: 0; z-index: 2;}

/* ==内页当前位置+内页二级导航== */
.top_area{ width: 100%; height: 55px; border-bottom: 1px solid #e2e5e6; background-color: #ffffff;}
.currentpage span{ margin-right: 7px; padding-right: 12px; line-height: 55px; background: url(../img/public/current_arrow.png) right center no-repeat;}
span.home_icon{ margin-right: 22px; padding-right: 0px; width: 55px; height: 55px; border-left: 1px solid #e2e5e6; border-right: 1px solid #e2e5e6; background: url(../img/public/home_icon.png) center no-repeat; display: block;}
.currentpage span a{ color: #888a8e; font-size: 13px; font-weight: bold;}
.sec_nav{ height: 55px; border-right: 1px solid #e2e5e6;}
.sec_nav li{ margin-right: 35px; height: 55px; line-height: 55px;}
.sec_nav li a{ color: #3c474b; font-size: 13px; font-weight: bold;}
.sec_nav li a.on{ color: #ff6000;}

/* ==内页底部图== */
.inner_fullbg{ width: 100%;}

/* ==内页编辑器== */
.pasual p{ color: #55565d; line-height: 22px;}

/* ==页面左色块== */
#color_lbg{ position: absolute; top: 187px; left: 0; height: 166px; background-color: #f8ebd3; z-index: 2;}

/* ==页面右色块== */
#color_rbg{ position: absolute; top: 0; right: 0; height: 99999px; background-color: #faf1e0; z-index: 1;}

/* ==内页页脚== */
.footer{ padding-bottom: 45px; width: 100%;}
.footer .top{ padding: 22px 0; width: 100%; height: 16px; border-bottom: 1px solid #e3dfd1;}
.footer .top #reenoo{ width: 118px; height: 16px; display: block; background: url(../img/public/reenoo.png) center no-repeat;}
.footer .top #fta1{ margin-top: -22px; padding: 22px 43px; color: #4e3c3a; font-weight: bold; border-left: 1px solid #e3dfd1; border-right: 1px solid #e3dfd1; background: url(../img/public/fta1.png) 17px center no-repeat;}
.footer .top #share{ margin-right: 15px; padding-left: 25px; color: #4e3c3a; font-weight: bold; background: url(../img/public/share.png) left center no-repeat;}

.footer .bottom{ padding-top: 15px; padding-bottom: 43px;}
/*.footer .bottom .b_con{ width: 348px;}*/
.footer .bottom .b_con h1, .footer .bottom .b_con a{ color: #ff6000; font-weight: bold; display: inline;}
.footer .bottom .b_con h1{ margin-left: 97px;}
.footer .bottom .b_con a{ margin-left: 10px;}
.footer .bottom .b_con p{ margin-top: 10px; color: #3b3f4c; font-weight: bold;}
.footer_share{ margin-top: -2px; margin-right: 15px;}
.footer_share .bshare-custom a { display: inline-block; margin: 0 0 0 5px; padding: 0; width: 20px; height: 20px; overflow: hidden; }
.footer_share .bshare-custom .bshare-weixin { background: url(../img/news/share.png) no-repeat -54px 0; }
.footer_share .bshare-custom .bshare-sinaminiblog { background: url(../img/news/share.jpg) no-repeat -79px 0; }
.footer_share .bshare-custom .bshare-qzone { background: url(../img/news/share.png) no-repeat -129px 0; }
.footer_share .bshare-custom .bshare-qqim { background: url(../img/news/share.png) no-repeat -154px 0; }

#backtop{ position: fixed; bottom: 190px; right: 100px; width: 54px; height: 54px; display: block; background: url(../img/public/topback.png) center no-repeat; display: none; z-index: 2;}
#backtop:hover{ background: url(../img/public/topback-h.png) center no-repeat;}

.boa{ margin-right: 10px; padding-right: 12px; color: #4e3c3a; font-weight: bold; background: url(../img/public/bicon3.png) right center no-repeat; cursor: pointer;}
.boa.on{ background: url(../img/public/bicon3_on.png) right center no-repeat;}
.boa_box{ margin-right: 10px; width: 0; height: 16px; overflow: hidden;}
.boa_area{ width: 999px; height: 16px; overflow: hidden;}
.boa_area > a{ margin-right: 15px; padding-left: 20px; color: #4e3c3a; font-weight: bold; display: inline-block;}
.boa_area > a.bicon1{ background: url(../img/public/bicon1.png) left center no-repeat;}
.boa_area > a.bicon2{ background: url(../img/public/bicon2.png) left center no-repeat;}

/* ==图片放大css3== */
 .img_scale{ position: absolute; left: 0; top: 0; -webkit-animation: img_scale 4s; -webkit-animation-fill-mode: forwards; display: none \9; z-index: 1;}
 
@-webkit-keyframes img_scale{
	0%{ -webkit-transform: scale(1.3);}
	100%{ -webkit-transform: scale(1.2);}
}

 .img_scale_1{ position: absolute; left: 0; top: 0; -webkit-animation: img_scale_1 4s; -webkit-animation-fill-mode: forwards; display: none \9; z-index: 1;}
 
@-webkit-keyframes img_scale_1{
	0%{ -webkit-transform: scale(1.1);}
	100%{ -webkit-transform: scale(1.0);}
}